{{extend './layout/layout.html'}}
{{block 'head'}}
<link rel="stylesheet" href="/public/css/header.css">
<link rel="stylesheet" href="/public/css/show.css">
<link rel="stylesheet" href="/node_modules/github-markdown-css/github-markdown.css">
{{/block}}
{{block 'content'}}
<!-- 引入头部 -->
{{include './component/web-header.html'}}
<!-- body start-->
<div class="container-fluid">
    <div id="content" class="row">
        <div class="side-list col-md-2 d-md-block d-none">
            <div class="card mt-2 mb-4">
                <img src="{{author.avatar}}" class="px-4 py-4 card-img-top rounded-circle" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{author.username}}</h5>
                    <small class="card-subtitle text-muted">邮箱:{{author.email}}</small>
                </div>
            </div>
            <div class="list sticky-top card pl-2 pt-3 pb-3">
            </div>
        </div>
        <div class="col-md-9">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a class="pink-link" href="/">主页</a></li>
                    <li class="breadcrumb-item"><a class="pink-link" href="/my">我的博客</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{note.title}}</li>
                </ol>
            </nav>
            <div class="markdown-body">{{@markdown}}</div>
        </div>
    </div>
</div>
<!-- body end -->
{{/block}}

{{block 'script'}}
<script src="/public/js/show.js"></script>
{{/block}}